<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="../js/bootstrap/css/bootstrap.min.css">
	<title>服务器出租</title>
	<link rel="stylesheet" href="../css/main.css" />
	<script src="../js/main.js"></script>
	<script src="../js/jquery-3.2.1.min.js"></script> <!-- 你必须先引入jQuery1.8或以上版本 -->
</head>

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>

<script type="text/javascript">
	$(function(){
		var username = window.sessionStorage.username;
		$(".top_user").text(username)
	})
	
	$(function(){
		serverList();
	})
</script>
	

<body>
	<!--S头部-->
	<div id="top">
		<h2>阿里云服务器出租</h2>
		<div class="topp">
			<a href="mine.html">
				<img class="top_img" src="../img/11.jpg" />
				<span class="top_user"></span>
			</a>
		</div>
	</div>

	<!--S主体-->
	<div id="content">
		<div class="sale_left"><ul class="c_houselist"></ul> </div>
		<div class="sale_right">
			<!--S筛选-->
			<form class="search" method="post">
				<div class="s_top"><h2>过滤条件</h2></div>
				<div class="s_cen">
					<ul>
						<li>
							<div class="s_cen1"><h5>内存单位</h5><input type="text" name="mery" required="" /></div>
						</li>	
						<li>
							<div class="s_cen2"><h5>磁盘处理器</h5><input type="text" name="disk" required="" /></div>
						</li>	
						<li>
							<div class="s_cen3"><h5>宽带</h3><input type="text" name="daik" required="" /></div>
						</li>	
					</ul>
				</div>
				<button type="button" class="s_bu" onclick="serverList()">搜索</button>
			</form>
			<!--E筛选-->    
			<div class="fuwuqi">
				<input type="button" onclick="fushowbox()" value="服务器出租" />
			</div>	
		</div>
	</div>
	<!--E主体-->
	
	<div id="hidebg"></div>	
	<div id="hidebox">
		<div>
			<p class="box-head" style="color: #03a9f4;">租赁</p>
			<div id="etim">
				<ul class="neir">
					<li class="neir_r_id"></li>
					<li class="neir_r"></li>
					<li class="neir_r"></li>
					<li class="neir_r"></li>
					<li class="neir_r"></li>
					<li class="neir_r"></li>
					<li class="neir_r"></li>
					<li class="neir_r"></li>
				</ul>
			</div>
			<div class="boxbtn">
				<input class="sub" type="submit" name="" value="确定" onclick="myFunction(ele)" />
				<input class="sub but" type="button" value="取消" onclick="hidebox()" />
			</div>
		</div>
    </div>
    <div id="fuhidebox" >
    	<div class="box">
    		<button class="glyphicon glyphicon-remove" onclick="fuhidebox()"></button>
			<h2>服务器出租</h2>
			<form id="chuzu">
				<div class="inputbox">
					<input type="text" id="ip" name="ip" required=""  value="" onclick="checkIp()" />
					<label>ip*</label>
					<span id="f_ip" class="error"></span>
				</div>
				<div class="inputbox">
					<input type="text" id="user"  name="user" required="" value="" onclick="checkUser()" />
					<label>账号</label>
					<span id="f_user" class="error"></span>
				</div>
				<div class="inputbox">
					<input type="password" id="password" name="password" required=""  value="" onblur="checkUpassword()"/>
					<label>密码</label>
					<span id="f_upassword" class="error"></span>
				</div>
				<div class="inputbox">
					<input type="password" id="reupassword" name="reupassword" required=""  value="" onblur="checkReupassword()"/>
					<label>再次输入密码</label>
					<span id="f_reupassword" class="error"></span>
				</div>
				<div class="inputbox">
					<input type="text" id="mery" name="mery" required="" value="" onblur="checkMery()"/>
					<label>内存单位M</label>
					<span id="f_mery" class="error"></span>
				</div>
				<div class="inputbox">
					<input type="text" id="daik" name="daik" required="" value="" onblur="checkDaik()"/>
					<label>宽带</label>
					<span id="f_daik" class="error"></span>
				</div>
				<div class="inputbox">
					<input type="text" id="disk" name="disk" required="" value="" onblur="checkDisk()"/>
					<label>磁盘处理器</label>
					<span id="f_disk" class="error"></span>
				</div>
				<div class="inputbox">
					<input type="text" id="address"  name="address" required="" value=""/>
					<label>地址</label>
				</div>
				<div class="inputbox">
					<input type="text" id="starTime"  name="starTime" required="" value="" onblur="checkStarTime()"/>
					<label>开始时间(yyyy-mm-dd)</label>
					<span id="f_starTime" class="error"></span>
				</div>
				<div class="inputbox">
					<input type="text" id="endTime" name="endTime"  required="" value="" onblur="checkEndTime()"/>
					<label>结束时间(yyyy-mm-dd)</label>
					<span id="f_endTime" class="error"></span>
				</div>
				<div class="inputbox">
					<input type="text" id="money" name="money" required="" value="" onblur="checkMoney()" />
					<label>预计出租价格</label>
					<span id="f_money" class="error"></span>
				</div>
				<input class="subb " type="button" name="" value="提交"  onclick="serverChuzu();" >
				<input class="subb butt" type="reset" name="" value="重置" onclick="fresetForm()">
			</form>
		</div>
    </div>	

	<!--S分页-->
	<!-- <div id="fenye">
		<nav aria-label="Page navigation">
			<ul class="pagination">
				<li><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
				<li><a href="#">1</a></li>
				<li><a href="#">2</a></li>
				<li><a href="#">3</a></li>
				<li><a href="#">4</a></li>
				<li><a href="#">5</a></li>
				<li><a href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>
			</ul>
		</nav> 
	</div>	 -->
	<!--E分页-->
</body>
</html>
